@CHARSET "UTF-8";

*{padding:0; margin:0; font-size:100%;}
body
{
/* background-image: url("images/bg2.jpg"); */
background-repeat: repeat-x;
background-color: #CCCCCC;
    color: #555555;
    font-family: Tahoma,Arial,"MS Sans Serif";
    font-size: 12px;
}

#head
{
 width: 1129px;
 height: 245px;
 background-image: url("images/bg_center.jpg"); 
 background-repeat: no-repeat;	
 margin: 0 auto;
}
#wrapper {
margin: 0 auto;
width: 1200px;
margin-top: 20px;
}
.form .field input{
  background-color: #F4F4F4;
    background-position: left center;
    border: 1px solid #999;
    color: #000000;
	height: 18px;
    margin: 2;
    padding: 2px;
    text-align: left;
    width: 120px;
    margin-top: -7px;
}
.form .field select , .form .field select {
   background-color: #F4F4F4;
    background-position: left center;
    border: 1px solid #CCCCCC;
    color: #000000;
    
    height: 28px;
    margin: 0;
    padding: 4px;
    text-align: left;
    width: 110px;
     
 margin-top: -7px;
    
}
.form .field
{
	float: left;
	margin-right:  10px;
	margin-bottom: 5px;
	
}
.form .field2
{
	float: left;
	margin-right:  10px;
	margin-bottom: 5px;
	
	padding: 0px 10px 5px 0px;
	
	
}
.form .field span
{
	color: #999999;
}
.form .field2 .radi
{
	width:12px; 
	margin: 0px 7px 
	
	
}
form .field span.field-error
{
color:  red;
}
form .field2 span.field-error
{
 color: red;
}
#form_h1
{
	width: 678px;
	height: 30px;
	background-image: url("images/h_form01.gif");
	background-repeat: no-repeat;
		margin: 5px 0px 15px 0px ;
}
#form_h2
{
	width: 678px;
	height: 30px;
	background-image: url("images/h_form02.gif");
	background-repeat: no-repeat;
	margin: 20px 0px;
}
#form_h3
{
	width: 499px;
	height: 30px;
	background-image: url("images/h_form03.gif");
	background-repeat: no-repeat;
	margin: 5px 0px 20px 0px ;
}
#form_left
{
	width: 688px;
	border-right: 3px solid #999;
	float: left;
}
#form_right
{
	width: 499px;
	margin-left: 10px;
	float: left;
}
#banner {
	margin-top: 120px;
width: 980px;
height: 407px;
margin:  0 auto;
background-image: url("images/banner.jpg")
}
#btop{
height:  335px;
width: 980px;

}
#bbuttom{

height:  50px;
width: 980px;
padding-top: 7px;

text-align: center;
}
#new_register {
	margin-left: 350px;
 float: left;
 height: 50px;
 width: 143px; 
 background-image: url("images/front_buttom.png");
	cursor: pointer;
	cursor: hand;
}
#print
{
	float: left;
	height: 50px;
	width:  143px;
	background-image: url("images/front_buttom.png");
	background-position:   0px -47px;
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
}
#sigin
{
 margin:  0 auto;
 padding: 50px 0px;
}
.b_search
{
	

 margin-top: 10px;
	cursor: pointer;
	cursor: hand;
}

#voucher {
margin-top: 120px;
width: 775px; height: 388px;
margin:  0 auto;
background-image: url("images/voucher.jpg");
}
.field_box{
  	background-color: #F4F4F4;
    background-position: left center;
    border: 1px solid #999999;
    color: #000000;
    height: 18px;
    margin-top: 0px;
    padding: 4px 2px 2px 2px;
    text-align: left;
   
    
}

.check_list
{
 float: left;
 width: 130px;
}
#form_footer
{
	margin-top: 15px;
	background-color: #8dc63f;
	width: 1200px;
	height:  50px; 
	text-align: center;
	
}
.summit
{

	margin-top: 3px;
	cursor: pointer;
	cursor: hand;
	
}
#register-detail
{
	width: 699px;
	 height: 187px;
	margin: 0 auto;
	margin-top: 50px;
	padding-top: 100px;
	padding-top: 162px;
	 padding-left: 42px;
	background-image: url("images/thankyou_03.png");
}
.field-detail{
	 float:  left;
	width: 527px;
	height: 86px;
	padding-left: 27px; padding-top: 22px;
}
.field-detail field-line
{
 padding: 5px;
 
}
.field-detail .title
{
	float: left;
	width: 50px;
	padding: 3px;
}
.field-detail .title
{
	float: left;
	width: 100px;
	padding: 3px;
}
.field-right
{
  float:  left;
  width:  120px;
  height: 86px;
 
}
.edit-buttom
{
	background-image: url("images/edit_buttom.png");
	width: 100px;
	height:  30px;
	margin: 7px;
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
}
.print-buttom
{
	background-image: url("images/edit_buttom.png");
	background-position: 0px -34px;
	width: 100px;
	height:  30px;
	margin: 7px;
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
}
#pdf
{
	width: 700px;
	height: 400px;
	margin: 0 auto;
	

}